@charset "utf-8";
@import "init";
@import "common";
.header{
	.city-boxs{
		width: r(110);
		display: flex;
		flex-direction: row-reverse;
		i{
			font-size: r(57);
			color: $bg_color;
		}
	}
}
main{
	.login{
		width: r(709);
		margin: 0 auto;
		display: flex;
		.left{
			img{
				width: r(150);
				height: r(150);
			}
		}
		.cent{
			width: r(220);
			height: r(150);
			display: flex;
			flex-wrap: wrap;
			align-content: space-around;
			p:nth-child(1){
				font-size: r(30);
			}
			p:nth-child(2){
				color: #9d9d9d;
				font-size: r(27);
			}
		}
		.right{
			width: r(400);
			height: r(150);
			display: flex;
			flex-direction: row-reverse;
			align-items: center;
			i{
				font-size: r(57);
				color: #000;
			}
		}
	}
	.big-box{
		width: r(750);
		height: r(160);
		display: flex;
		justify-content: space-around;
		.box-box:nth-child(1){
			width: 28%;
			height: 100%;
			background-color: #b2e0a0;
			text-align: center;
			i{
				font-size: r(100);
				color: #fff;
			}
			p{
				font-size: r(30);
			}
		}
		.box-box:nth-child(2){
			width: 28%;
			height: 100%;
			background-color: #a0dce0;
			text-align: center;
			i{
				font-size: r(100);
				color: #fff;
			}
			p{
				font-size: r(30);
			}
		}
		.box-box:nth-child(3){
			width: 28%;
			height: 100%;
			background-color: #e0b7a0;
			text-align: center;
			i{
				font-size: r(100);
				color: #fff;
			}
			p{
				font-size: r(30);
			}
		}
	}
	.main-wrap{
		width: r(709);
		height: r(93);
		margin: 0 auto;
		overflow: hidden;
		.left{
			padding-top: r(30);
			i{
				color: $bg_color;
				font-size: r(57);
			}
			span{
				font-size: r(30);
				// font-weight: bold;
			}
		}
		.right{
			padding-top: r(52);
			span{
				font-size: r(24);
				// font-weight: bold;
			}
			i{
				color: $bg_color;
				font-size: r(27);
	
			}
		}
	}
	.bottom{
		display: flex;
		justify-content: space-around;
		button{
			font-size: r(30);
			margin-top: r(35);
			color: #fff;
			padding: r(30) r(45);
			background-color: $bg_color;
			border: none;
			outline: none;
			border-radius: r(45);
		}
	}
}
